<template>
  <div class="serviceScreen">
    <header class="tito">
      <header-tito />
    </header>
    <!-- <div>tab</div> -->
    <div class="content">
      <component :is="com[nevindex]"></component>
    </div>
    <!-- <div @click="$router.push('/home/home')">1</div> -->
  </div>
</template>
<script>
import service from "./components/service/service.vue";
import headerTito from "@/components/header/header.vue";
export default {
  name: "serviceScreen",
  components: {
    service,
    headerTito,
  },
  data() {
    return {
      nevindex: 0,
      com: ["service"],
    };
  },
  created() {},
  computed: {},
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang="scss" scoped>
.serviceScreen {
  height: 100%;
  display: flex;
  flex-direction: column;
  .tito {
    height: 80px;
  }
  .content {
    flex: 1;
    margin-top: 9px;
    overflow: hidden;
  }
}
</style>
